@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, div, span, ul, ol, li, input, img, select { margin: 0; padding: 0; }

body, html { font-family: "microsoft yahei"; background: #f6f6f6; color: #292929; }

a { text-decoration: none; }

ul, li { list-style-type: none; }

img { border: none; }

.fl { float: left; }

.fr { float: right; }

/*清除浮动*/
.clear:before, .bd li:before, .clear:after, .bd li:after { content: ""; display: table; }
.clear:after, .bd li:after { clear: both; }

.ell, .tabWap .box .app-list p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hide { display: none; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.layout { width: 980px; margin: 0 auto; }

.l-grey, .header a, .nav a { color: #ccc; }
.l-grey:hover, .header a:hover, .nav a:hover { color: #288BFF; text-decoration: underline; }

.d-grey, .tabWap .box a { color: #292929; }
.d-grey:hover, .tabWap .box a:hover { color: #288BFF; text-decoration: underline; }

.bor-b { border-bottom: 1px solid #DFDFDF; }

.bor-d, .bd .prizes .list { border-bottom: 1px dotted #DFDFDF; }

.header { background-color: #000; }
.header .index, .header .login { padding: 10px 0 10px 25px; }
.header .index { background: url(../img/index.logo.png) no-repeat left; }
.header .login { background: url(../img/index-login.png) no-repeat left; cursor: pointer; }
.header .login .line { padding: 0 10px; color: #ccc; }

.nav { background-color: #2b2a2b; }
.nav .logo { display: block; padding: 15px 0; }
.nav .bar { padding: 29px 0 30px 50px; }
.nav .bar a { padding: 0 20px; border-right: 1px solid #000; }
.nav .bar a:last-child { border-right: none; }
.nav .search-box { background-color: #f6f6f6; border: 1px solid #ccc; }
.nav .search-box .search { padding: 8px; background-color: #f6f6f6; border: none; outline: none; }
.nav .search-box .btn { margin: 5px 0; padding: 10px 0px 10px 35px; border-left: 1px solid #dfdfdf; background: url(../img/public-nav-search.png) no-repeat center; }

.tabWap { border: 1px solid #dfdfdf; }
.tabWap .tabs .active { border-right: none; border-bottom: 4px solid #288BFF; }
.tabWap .tabs > div { padding: 23px 20px; font-size: 18px; cursor: pointer; border: 1px solid #dfdfdf; border-top: none; border-left: none; }
.tabWap .box { padding: 20px 0 0 25px; }
.tabWap .box a { text-align: center; font-size: 12px; }
.tabWap .box .app-list { border-bottom: 1px dotted #dfdfdf; }
.tabWap .box .app-list img { border-radius: 15px; }
.tabWap .box .app-list p { padding-top: 5px; width: 80px; }
.tabWap .box .app-list .link, .tabWap .box .app-list .hd .more, .hd .tabWap .box .app-list .more { float: left; padding: 0 12px 15px; }
.tabWap .box .app-list .link:hover, .tabWap .box .app-list .hd .more:hover, .hd .tabWap .box .app-list .more:hover { text-decoration: none; }
.tabWap .box .app-list .link:first-child, .tabWap .box .app-list .hd .more:first-child, .hd .tabWap .box .app-list .more:first-child { padding-left: 0; }
.tabWap .box .app-list .link:last-child, .tabWap .box .app-list .hd .more:last-child, .hd .tabWap .box .app-list .more:last-child { padding-right: 0; }
.tabWap .box .txt-list { padding-top: 5px; }
.tabWap .box .txt-list .link, .tabWap .box .txt-list .hd .more, .hd .tabWap .box .txt-list .more { border-right: 1px solid #dfdfdf; padding: 0 14px; width: 60px; display: inline-block; }
.tabWap .box .txt-list .link:first-child, .tabWap .box .txt-list .hd .more:first-child, .hd .tabWap .box .txt-list .more:first-child { padding-left: 0; }

.tit { color: #555; }
.tit:hover { color: #288BFF; text-decoration: none; }

.link, .hd .more { color: #666; }
.link:hover, .hd .more:hover { color: #288BFF; }

.tit-p { font-size: 14px; padding: 10px 0; color: #666; }

.news .new-l { position: relative; border-top: 1px solid #D7D7D7; }
.news .new-l .bg-icon { position: absolute; top: 0; left: 0; width: 67px; height: 64px; background: url(../img/index-new-icon.png) no-repeat; }
.news .new-l .new-top h2 { padding-top: 10px; font-size: 20px; text-align: center; }
.news .new-l .new-top .txt { width: 410px; line-height: 25px; font-size: 15px; padding: 10px 0; color: #666; }
.news .new-l .new-list { border-top: 1px dotted #dfdfdf; }
.news .new-l .new-list .item { position: relative; display: block; padding-top: 8px; }
.news .new-l .new-list .item .label { position: absolute; left: 0; color: #288BFF; }
.news .new-l .new-list .item .link, .news .new-l .new-list .item .hd .more, .hd .news .new-l .new-list .item .more { width: 330px; padding: 0 10px 0 50px; }
.news .new-l .new-list .item .date { position: absolute; right: 0; color: #999; }
.news .new-l .new-list .item:hover { text-decoration: none; }
.news .new-r .banner { position: relative; width: 530px; height: 263px; overflow: hidden; }
.news .new-r .banner ul { position: absolute; width: 2150px; }
.news .new-r .banner ul li { float: left; }
.news .new-r .banner ul li img { width: 530px; height: 263px; }
.news .new-r .banner .slide-box { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #000; opacity: 0.8; }
.news .new-r .banner .slide-box .tit { padding: 10px; color: #fff; }
.news .new-r .banner .slide-box .tit:hover { color: #288BFF; }
.news .new-r .banner .slide-box .slide { padding: 5px 15px 0 0; }
.news .new-r .banner .slide-box .slide .on { background-color: #288BFF; }
.news .new-r .banner .slide-box .slide span { display: inline-block; width: 30px; height: 4px; margin: 0 3px; background-color: #fff; cursor: pointer; }
.news .new-r .new-main { padding: 20px 0; }
.news .new-r .new-main .new-list .txt { width: 330px; color: #666; line-height: 25px; padding-top: 10px; font-size: 14px; }

.hd .on { padding-bottom: 10px; text-align: center; border-bottom: 3px solid #288BFF; }
.hd .more { padding-bottom: 10px; font-size: 14px; }
.hd .game { color: #CDCDCD; }
.hd .game .tit { font-size: 14px; padding: 0 5px; }

.bd li { display: inline-block; margin-left: 34px; }
.bd li:first-child { margin-left: 0; }
.bd .download, .bd .content .btn, .bd .prizes .list .btn { padding: 1px 10px; font-size: 12px; color: #fff; background-color: #288BFF; }
.bd .bd-warp { border-bottom: 1px dotted #dfdfdf; padding: 15px 0 5px 0; }
.bd .bd-warp .tit-p { width: 490px; line-height: 24px; overflow: hidden; cursor: pointer; }
.bd .content { display: inline-block; }
.bd .content .event { position: relative; }
.bd .content .event .card { position: absolute; bottom: 4px; left: 0; color: #FDFBFB; font-size: 12px; background-color: #0C0C0C; opacity: 0.8; padding: 0 10px; }
.bd .content .tit-p { width: 95px; display: block; font-size: 12px; padding: 5px 0; }
.bd .content .btn { padding: 1px 22px; }
.bd .prizes .list { padding: 10px 0; }
.bd .prizes .list .tit-p { padding: 0; }
.bd .prizes .list .btn { background-color: #fe5a5a; }
